<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    
    <style type="text/css">
body {
background: #D6E1D1;

}       
#container {
display: table-cell;
vertical-align: middle;
padding: 20px;
}
#content {
padding: 50px 0 10px 333px;
background-repeat: no-repeat;
min-height: 290px;

color: #666;
font: 12px/1.5 Tahoma, sans-serif;
text-shadow: 0 1px 0 #f1f5ef;
background-image: url(images/fella-not-found.png);
background-position: 0 48px;
}

#title {
width: 257px;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(images/error-title-oops.png);
height: 102px;
}
#final-destination {
display: block;
margin-top: 10px;
background: #C9E967 url(images/button-back-green-sprite.png) no-repeat;
padding-left: 65px;
width: 192px;
height: 32px;
color: #222;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
line-height: 32px;
}

    </style>

  
   
  </head>

 
  <body> 

 <table align="center"><tr align="center"><td align="center">   

<div id="container" >
        
  
			<div id="content">
                    <div id="title"></div>
                    <div id="description">
                    Something happened that we didn't expect.
                      </div><!-- #description -->
                    
                    <a id="final-destination" href="index.html">Go back to our homepage</a>
                    
                    
                </div>
				

</div>
</td></tr></table>
  </body>
</html>


